<template>
	<view>
		<view class="list" v-for="(item,i) in list" :key="i"> 
		<view>
			<view>序号：{{i+1}}</view>
			<view>用户名：{{item.username}} </view> 
			<view>手机号：{{item.mobile}} </view>
			<view>Email: {{item.email}} </view> 
		</view>
		
		<view class="btn">
			<button @click="remove(item._id)">删除</button>
			<button @click="getoDetail(item._id)">编辑</button>
		</view>
		
		</view>		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: []
			}
		},
		onLoad(){
			this.getData();
		},
		methods: {
			getData(){
				console.log("-----------执行查询操作-------------");
				uniCloud.callFunction({
					name: "getUser",
					success: (e) => {
						console.log(e.result);
						this.list=e.result.data;
					}
				})
			},
			remove(_id){
				console.log("-----------执行删除操作-------------");
				uniCloud.callFunction({
					name: "removeUser",
					data: {
						"id":_id
					},
					success: (e) => {
						console.log(e.result);
						uni.showToast({
							title: '删除成功',
							duration: 2000
						});
						this.getDate();
					}
				})
			},
			getoDetail(_id){
				console.log("----------执行编辑跳转操作--------");
				uni.navigateTo({
					url:"../edit/edit?id="+_id
				})
			}
		}
	}
</script>

<style>
	.list {
		border-bottom: 1rpx solid #F1F1F1;
		padding-bottom: 20rpx;
	}
	
    .btn{
	display: flex;	
}	
</style>